//设置四个框总容器样式
.container{
    width: 100%;
    height: 190px;
}

.icon-lishizong-,.icon-jinbannian-,.icon-benyue-,.icon-benzhou-{
      font-size: 50px;
}

.container-1,.container-2,.container-3,.container-4{
    width: 24.2%;
    height: 190px;
    float: left;
    display: inline;
    border:1px solid #CCCCCC;
    border-radius:5px; 
}



//设置中间两个容器的间距
.container-2,.container-3{
    margin: 0px 8px 0px 8px;
 }

.ant-history-img,.ant-history{
    float: left;
    display: inline;
    
}

.ant-history-img{
   margin-top:50px;
   margin-left: 48px;
   padding-right: 10px;
}

.ant-history{
   margin-top:50px;
}
//设置四个子容器包含图片样式
.history-img{
    width:100px;
    margin-left: 20px;
    margin-right: 16px;
    vertical-align:middle;
}

.ant-history-title{
    font-size: 16px;
}

.ant-history-number{
   font-size:36px;
   font-weight:600;
   color: #404040;
   margin-top:16px;
}

/*----------------------设置页面第二部分样式-------------------------*/
.ant-chart-container-1{
   width:100%;
   margin:10px 0px 12px 0px;
   height: 550px;
}

.ant-chart-line,.ant-chart-pie{
   float: left;
   display: inline;
   width:49.2%;
   border:1px solid #CCCCCC; 
   border-radius:5px;    
}

//左边线图，设置右边距
.ant-chart-line{
   margin-right: 15px;
}

//设置日期靠右
.ant-chart-span{
    float: right;
    margin-right: 20px;
}

//设置字体样式
.ant-chart-line-title,.ant-chart-pie-title{
    margin-top:24px;
    margin-left: 24px;
    font-size:20px;
    weight:medium;
    color: #404040;
}

.ant-chart-line-title-1{
    margin-top: 12px;
    margin-left: 24px;
    font-size: 16px;
    color: #919191;
}

/*----------------------设置页面第三部分样式-------------------------*/
.ant-chart-container-2{
   margin:20px 0px 12px 0px;
   width: 100%;
   height: 450px;
}

//设置标题框样式
.ant-chart-container2-title{
   height: 50px;
   border: 1px solid #CCCCCC;
   line-height:50px;   
   overflow:hidden;   
}
//设置标题字体样式
.ant-chart-container2-title-text{
   left: 24px;
   font-size:20px;
   weight:medium;
   color: #404040;
}

.ant-chart-container2-title-date{
    float: right;
    margin-right: 20px;
}

.ant-chart-box,.ant-chart-bar{
   height: 400px;
   float: left;
   display: inline;
}

.ant-chart-box{
    width: 20%;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

.ant-chart-bar{
    border:1px solid #CCCCCC;   
    width:80%;
}

//设置数字样式
.ant-chart-box-number{
    font-size:36px;
    font-weight:600;
    top:20px;
    left: 24px;
}
//设置文字样式
.ant-chart-box-title{
     top:20px;
     left: 24px;
     font-size: 16px;
}

.ant-chart-bar-title{
    top:20px;
    left: 24px;
    font-size: 20px;
    color: #404040;
}

.ant-chart-bar-title-1{
    top:24px;
    left: 24px;
    font-size: 16px;
    color: #919191;
}

/****设置页面第四部分**/
.ant-chart-container-3{
  border:1px solid #CCCCCC;
  border-radius:5px;   
}